<style>
    .ng-invalid-pattern {
        border: 1px solid #f00;
    }
</style>

<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">报价管理</h1>
</div>
<div class="wrapper-md" ng-controller="quoteCtrl">
    <div class="panel panel-default">
        <div class="panel-heading font-bold">查询</div>
        <!--<div class="panel-body">-->
        <div class="form-horizontal panel-body">
            <label class="control-label pull-left col-md-1">关键字</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control" id="key_word" ng-model="queryParameter.Keyword" placeholder="请输入关键字">
            </div>
            <label class="control-label pull-left col-md-1">车牌号</label>
            <div class="col-md-2 form-group">
                <!--ng-pattern="/^[\u4e00-\u9fa5]{1}[a-zA-Z]{1}[a-zA-Z_0-9]{5}$/"-->
                <input type="text" class="form-control" id="carNumber" ng-model="queryParameter.Carcode" placeholder="请输入车牌号" name="carCode">
            </div>
            <label class="control-label pull-left  col-md-1">司机姓名</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control" id="driverName" ng-model="queryParameter.DriverName" placeholder="请输入司机姓名">
            </div>
            <label class="control-label pull-left  col-md-1">手机号码</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control" id="phoneNumber" ng-model="queryParameter.PhoneNumber" placeholder="请输入手机号码">
            </div>
            <div class="line line-xs pull-in"></div>

            <label class="control-label pull-left col-md-1">报价起始时间</label>
            <div class="col-md-2 form-group date has-feedback">
                <!--<div class="input-group input-group-sm date">-->
                <input id="quoteStartTime" datetimepicker plugintype="datetime" ng-model="queryParameter.QuoteStartTime" placeholder="报价起始时间" class="form-control" type="text" />
                <span id="openQuoteStartTime" class="form-control-feedback curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                </span>
                <!--</div>-->
                <!--<input type="datetime-local" class="form-control" required="" id="ApplicationStartTime" name="ApplicationStartTime" ng-model="queryParameter.ApplicationStartTime">-->
            </div>

            <label class="control-label pull-left col-md-1">报价结束时间</label>
            <div class="col-md-2 form-group date has-feedback">
                <!--<div class="input-group input-group-sm date">-->
                <input id="QuoteEndTime" datetimepicker plugintype="datetime" ng-model="queryParameter.QuoteEndTime" placeholder="报价结束时间" class="form-control" type="text" />
                <span id="openQuoteEndTime" class="form-control-feedback curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                </span>
                <!--</div>-->
                <!--<input type="datetime-local" class="form-control" required="" id="endTime" name="ApplicationEndTime" ng-model="queryParameter.ApplicationEndTime">-->
            </div>
            <label class="control-label pull-left  col-md-1">发货地址</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control" id="deliveryAddress" ng-model="queryParameter.DeliveryAddress" placeholder="请输入发货地址">
            </div>
            <label class="control-label pull-left  col-md-1">送货地址</label>
            <div class="col-md-2 form-group">
                <input type="text" class="form-control" id="destinationAddress" ng-model="queryParameter.DestinationAddress" placeholder="送货地址">
            </div>

            <div class="line line-xs pull-in"></div>
            <label class="control-label pull-left col-md-1">发货起始时间</label>
            <div class="col-md-2 form-group date has-feedback">
                <!--<div class="input-group input-group-sm date">-->
                <input id="deliveryStartTime" datetimepicker plugintype="datetime" ng-model="queryParameter.DeliveryStartTime" placeholder="发货起始时间" class="form-control" type="text" />
                <span id="openDeliveryStartTime" class="form-control-feedback curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                </span>
                <!--</div>-->
                <!--<input type="datetime-local" class="form-control" required="" id="ApplicationStartTime" name="ApplicationStartTime" ng-model="queryParameter.ApplicationStartTime">-->
            </div>

            <label class="control-label pull-left col-md-1">发货结束时间</label>
            <div class="col-md-2 form-group date has-feedback">
                <!--<div class="input-group input-group-sm date">-->
                <input id="deliveryEndTime" datetimepicker plugintype="datetime" ng-model="queryParameter.DeliveryEndTime" placeholder="发货结束时间" class="form-control" type="text" />
                <span id="openDeliveryEndTime" class="form-control-feedback curpoint">
                            <span class="glyphicon glyphicon-calendar"></span>
                </span>
                <!--</div>-->
                <!--<input type="datetime-local" class="form-control" required="" id="endTime" name="ApplicationEndTime" ng-model="queryParameter.ApplicationEndTime">-->
            </div>

            <label class="control-label pull-left col-md-1"></label>
            <div class="col-md-2 form-group  date has-feedback">

            </div>

            <label class="control-label pull-left  col-md-1"></label>
            <div class="col-md-2 form-group">
                <button ng-click="queryUsers()" class="btn btn-sm btn-default btn-addon" ng-class="{'disabled':seeks}" ng-disabled="seeks">
                        <i class="fa fa-search" ng-show="!seeks"></i>
                        <i ng-show="seeks">
                            <b class="fa fa-spinner no-bordr"  ng-class="{'fa-spin':seeks}"></b>
                        </i>
                        <span ng-show="!seeks">查询</span>
                        <span ng-show="seeks">查询中...</span>
                    </button>
            </div>
        </div>


        <!--</div>-->
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            报价列表
        </div>
        <div class="table-responsive">
            <div ui-grid="quoteList" ui-grid-pagination ui-grid-auto-resize ui-grid-resize-columns style="height:{{( gridOptions.data.length *30)+95}}px;min-height:395px;
overflow:hidden; min-width:1000px;">
                <div class="watermark" ng-if="!quoteList.data.length">暂无数据<i class="fa fa-spinner no-bordr" ng-show="seeks" ng-class="{'fa-spin':seeks}"></i></div>
            </div>
        </div>
        <div class="panel-body">
            <button id="Ramy_excel" ng-click="skipExport()" class="pull-right-xs btn m-b-xs btn-sm btn-success btn-addon "><i class="fa fa-bar-chart-o"></i>导出报表</button>
        </div>
    </div>



    <!-- 查看备注对话框 -->
    <div class="modal fade" id="quoteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" id="closeModal">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">查看备注</h4>
                </div>
                <form class="form-horizontal form-validation" id="AuthForm">

                    <div class="form-group">

                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label"><span class="text-danger"></span></label>
                        <div class="col-lg-8">
                            <textarea ng-model="detail.description" id="quoteDescription" class="form-control" placeholder="请输入说明" ng-disabled="true"></textarea>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button id="cancelModal" type="button" class="btn btn-default" data-dismiss="modal">取消</button>

                    </div>

                </form>

            </div>
        </div>
    </div>



</div>